<template>

  <div>
    <Row>
    <Card>
      <!--<h4><Icon type="compose"></Icon> 故障详情</h4><hr>-->
      <p slot="title">
        <Icon type="compose"></Icon>
        故障详情
      </p>
      <Form :model="detail" :label-width="120">
        <Row>
          <Col span="7">
          <Form-item label="设备编号">
            <Input v-model="input1"></Input>
          </Form-item>
          </Col>
          <Col span="7">
          <Form-item label="设备名称">
            <Input v-model="input1"></Input>
          </Form-item>
          </Col>
          <Col span="7">
          <Form-item label="处理状态">
            <Select v-model="select" placeholder="请选择状态">
              <Option value="beijing">未处理</Option>
              <Option value="shanghai">已处理</Option>
              <Option value="shenzhen">处理中</Option>
            </Select>
          </Form-item>
          </Col>
        </Row>
        <Row>
          <Col span="7">
          <Form-item label="站点">
            <Select v-model="select" placeholder="请选择站点">
              <Option value="beijing">北京市</Option>
              <Option value="shanghai">上海市</Option>
              <Option value="shenzhen">深圳市</Option>
            </Select>
          </Form-item>
          </Col>
          <Col span="7">
          <Form-item label="站点地址">
            <Input v-model="input1" type="textarea" :autosize="{minRows: 2,maxRows: 5}"></Input>
          </Form-item>
          </Col>
          <Col span="7">
          <Form-item label="附件">
            <Input v-model="input1"></Input>
          </Form-item>
          </Col>
        </Row>
        <Row>
          <Col span="21">
          <Form-item label="巡检说明">
            <Input v-model="input1" type="textarea" :autosize="{minRows: 2,maxRows: 5}"></Input>
          </Form-item>
          </Col>
        </Row>
        <h4 class="h-border"><Icon type="compose"></Icon> 任务信息</h4>
        <Row>
          <Col span="7">
          <Form-item label="维修公司">
            <Select v-model="select" placeholder="请选择维修公司">
              <Option value="beijing">aaa</Option>
              <Option value="shanghai">bbb</Option>
              <Option value="shenzhen">ccc</Option>
            </Select>
          </Form-item>
          </Col>
          <Col span="7">
          <Form-item label="预估维修酬金">
            <Input v-model="input1"></Input>
          </Form-item>
          </Col>
          <Col span="7">
          <Form-item label="任务联系人">
            <Input v-model="input1"></Input>
          </Form-item>
          </Col>
        </Row>
        <Row>
          <Col span="7">
          <Form-item label="维修截止时间">
            <DatePicker type="datetime" placeholder="选择日期和时间" style="width: 200px"></DatePicker>
          </Form-item>
          </Col>
          <Col span="7">
          <Form-item label="地址">
            <Input v-model="input1" type="textarea" :autosize="{minRows: 2,maxRows: 5}"></Input>
          </Form-item>
          </Col>
          <Col span="7">
          <Form-item label="联系方式">
            <Input v-model="input1"></Input>
          </Form-item>
          </Col>
        </Row>
        <Row>
          <Col offset="19">
          <Button type="info" size="large">发布</Button>
          </Col>
        </Row>

      </Form>
    </Card>
    </Row>

  </div>

</template>

<style scoped>
  .h-border{
    border-bottom: 1px solid #e9eaec;
    padding: 14px 16px;
    line-height: 1;
    margin-bottom: 14px;
  }
</style>

<script type="text/ecmascript-6">


  export default {
    data () {
      return {
        detail: {},
        input1: '',
        select: '',
        columns: [
          {
            title: '需求单编号',
            key: 'name'
          },
          {
            title: '站点名称',
            key: 'name1'
          },
          {
            title: '需求量',
            key: 'name2'
          },
          {
            title: '预配送量',
            key: 'name3'
          },
          {
            title: '实际送达量',
            key: 'name4'
          },
          {
            title: '实际送达时间',
            key: 'name5'
          },
          {
            title: '站负责人',
            key: 'name6'
          },
          {
            title: '联系方式',
            key: 'name7'
          },
          {
            title: '站点地址',
            key: 'name8'
          },
        ],
        data1: [
          {
            name: 'XQ201708170001',
            name1: '乍浦LNG加气站',
            name2: '20m³',
            name3: '20m³',
            name4: '20m³',
            name5: '2017-08-20 13:12:41',
            name6: '李大宝',
            name7: '183000000',
            name8: '浙江省嘉兴市平湖市乍浦镇东方大道109号',
          }
        ],
        columns1: [
          {
            type: 'selection',
            width: 60,
            align: 'center'
          },
          {
            title: '需求订单号',
            key: 'name1'
          },
          {
            title: '站点名',
            key: 'name2'
          },
          {
            title: '需求量',
            key: 'name3'
          },
          {
            title: '需求时间',
            key: 'name4'
          },
          {
            title: '站点地址',
            key: 'name5'
          }
        ],
      }
    },
    methods: {
    },
    beforeMount () {

    },
    mounted() {

    },
  };
</script>
